<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <!-- 那么我们在模板布局中配置好bootstrap就可以在继承的页面中正常使用了 -->
  <link rel="stylesheet" href="/node_modules/bootstrap/dist/css/bootstrap.min.css">
  <!-- 为了能让继承的页面有自己的样式和脚本，可以在这里留下填充的坑 -->
  {{ block 'head' }}{{ /block }}
</head>
<body>
  {{ include './header.html' }}
  <!-- 模板继承，这里留个坑，等继承该模板的页面去填 -->
  {{ block 'content' }}
  <h1>默认内容</h1>
  {{ /block }}  
  {{ include './footer.html' }}
  <script src="/node_modules/jquery/dist/jquery.js"></script>
  <script src="/node_modules/bootstrap/dist/js/bootstrap.js"></script>
  {{ block 'script' }}{{/block}}
</body>
</html>